<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			/**
				获取属性的值: 标签对象.属性名;
				设置属性的值: 标签对象.属性名 = 值;
			 */
			function getVal() {
				// 获取输入框 value 属性的值
				//a.获取标签(元素)对象
				let inpObj = document.getElementById("inp");
				//b.获取标签上的属性值
				alert(inpObj.value);
            }
            function setVal() {
				//a.获取元素(标签)对象
				let inpObj = document.getElementById("inp");
				//b.设置属性的值
				inpObj.value = "大幂幂";
            }
		</script>
	</head>
	<body>
		<input type="text" value="tom" id="inp"/><br />
		<input type="button" value="获取value的值" onclick="getVal()"/>
		<input type="button" value="设置value的值" onclick="setVal()"/>
	</body>
</html>
